$(function () {
    $("#jqGrid").jqGrid({
        url: baseURL + 'sys/buserinfo/export',
        datatype: "json",
        colModel: [			
			{ label: '用户编号', name: 'userId', index: 'user_id',align: "center", width: 50, key: true,formatter:function(value,options,rowData){
					return "<p>"+value+"</p>";
				}
			},
			{ label: '用户昵称', name: 'nickName', index: 'nick_name',align: "center", width: 80 },
			{ label: '关注品牌', name: 'brandName', index: 'brandName',align: "center", width: 80 },
			{ label: '邀请人数', name: 'refererTotal',dataType: "int", sortable: true, index: 'refererTotal',align: "center", width: 80 ,formatter:function(value,options,rowData){
					var userId=rowData["userId"];
					return "<p>"+value+"</p>";
				}
			},

			{ label: '手机号', name: 'telNum', index: 'tel_num',align: "center", width: 80 },
			{ label: '会员状态', name: 'vipStatus', index: 'vip_status',align: "center", width: 80 ,formatter:function(value,options,rowData){
					if( value===1 ){
						return '会员';
					}else{
						return '非会员';
					}
				}
			},
			{ label: '创建时间', name: 'createTime', index: 'create_time',align: "center", width: 80 },
        ],
		viewrecords: true,
		height: 650,
		rowNum: 110,
        rownumWidth: 25, 
        autowidth:true,
        jsonReader : {
            root: "page.list",
            page: "page.currPage",
            total: "page.totalPage",
            records: "page.totalCount"
        },gridComplete:function(){
			//隐藏grid底部滚动条
			$("#jqGrid").closest(".ui-jqgrid-bdiv").css({ "overflow-x" : "hidden" });
		}
    });
});

var vm = new Vue({
	el:'#rrapp',
	data:{
		q:{
			user_id:null,
			nick_name: null,
			referer:null
		},
		showList: true,
		title: null,
		bUserInfo: {},
		backStatus:0,
		id:0,
		desc:"refererTotal"
	},
	methods: {

	}
});